<!DOCTYPE html>
<!-- saved from url=(0079)./user/register?refer=https%3A%2F%2Fwww.dibaqu.com%2Fprice -->
<html lang="zh">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>大众云-领先的应用服务平台</title>

    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="" />
    <meta name="baidu-site-verification" content="WDULFadCJ9" />
    <meta name="description" content="" />

    <link
      rel="stylesheet"
      href="./static/font_780494_fdjuk9baed7.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="./static/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="./static/base.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="./static/main.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="./static/h5.css"
    />
    <script
      type="text/javascript"
      src="./static/jquery.min.js"
    ></script>
    <script
      type="text/javascript"
      src="./static/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      src="./static/vue.js"
    ></script>
    <script
      type="text/javascript"
      src="./static/js.js"
    ></script>
    <link
      rel="shortcut icon"
      href="https://sres.dbqapp.com/favicon.ico?t=33496577"
      type="image/x-icon"
    />
    <script>
      isHideFooter = false;
    </script>
    <style type="text/css">
      .dx_captcha,
      .dx_captcha_loading_state-box {
        -webkit-box-sizing: content-box;
        font-size: 12px;
      }
      .dx_captcha,
      .dx_captcha *,
      .dx_captcha_loading_state-box span {
        color: #000;
      }
      .dx_captcha {
        box-sizing: content-box;
        line-height: 20px;
      }
      .dx_captcha img {
        display: inline;
        width: auto;
        max-width: none;
      }
      .dx_captcha_overlay_shown {
        overflow: hidden;
      }
      @-webkit-keyframes dx-captcha-init-loading {
        0%,
        100% {
          background: #4852c6;
          width: 2px;
          height: 2px;
        }
        5% {
          background: #4852c6;
          width: 5px;
          height: 5px;
        }
        40% {
          background: #e6e8f7;
          width: 5px;
          height: 5px;
        }
        41% {
          background: #e6e8f7;
          width: 8px;
          height: 8px;
        }
        99% {
          background: #4852c6;
          width: 8px;
          height: 8px;
        }
      }
      @keyframes dx-captcha-init-loading {
        0%,
        100% {
          background: #4852c6;
          width: 2px;
          height: 2px;
        }
        5% {
          background: #4852c6;
          width: 5px;
          height: 5px;
        }
        40% {
          background: #e6e8f7;
          width: 5px;
          height: 5px;
        }
        41% {
          background: #e6e8f7;
          width: 8px;
          height: 8px;
        }
        99% {
          background: #4852c6;
          width: 8px;
          height: 8px;
        }
      }
      .dx_captcha_loading_state-box {
        position: relative;
        height: 38px;
        line-height: 38px;
        overflow: hidden;
        background: #fff;
        border: 1px solid #e9e9e9;
        box-sizing: content-box;
        border-radius: 4px;
      }
      .dx_captcha_loading_state-box .dx_captcha_loading_state-img-box {
        width: 24px;
        height: 24px;
        margin: 0 10px;
        display: inline-block;
        vertical-align: middle;
      }
      .dx_captcha_loading_state-box .dx_captcha_loading_state-img-box img {
        display: block;
        width: 24px;
        height: 24px;
      }
      .dx_captcha_loading_state-box
        .dx_captcha_loading_smart-checking-custom
        .dx_captcha_loading_state-img-box:before {
        -webkit-animation: none;
        animation: none;
        display: none;
      }
      .dx_captcha_loading_state-box
        .dx_captcha_loading_smart-checking-custom
        .dx_captcha_loading_lang_smart_checking {
        display: none;
      }
      .dx_captcha_loading_loadfail-inform {
        margin-top: 80px;
      }
      .dx_captcha_loading_pass_by_server .dx_captcha_loading_state-box {
        background: #ebf8f2;
        border-color: #a7e1c4;
      }
      .dx_captcha_loading_main-box {
        display: none;
      }
      .dx_captcha_loading_wrapper {
        font-size: 12px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        -ms-user-select: none;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        background: #fff;
        border-radius: 4px;
      }
      .dx_captcha_loading_box {
        position: relative;
        background: #fff;
        border-radius: 4px;
      }
      .dx_captcha_loading_bar-fail,
      .dx_captcha_loading_bar-load-fail,
      .dx_captcha_loading_bar-success,
      .dx_captcha_loading_bar-verifying {
        line-height: 38px;
        color: #999;
        background: #f7f7f7;
        display: none;
        border-radius: 4px;
        position: relative;
        text-align: center;
      }
      .dx_captcha_loading_bar-verifying {
        height: 38px;
      }
      .dx_captcha_loading_bar-verifying img {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 6px;
      }
      .dx_captcha_loading_bar-success {
        height: 38px;
      }
      .dx_captcha_loading_bar-success img {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 6px;
      }
      .dx_captcha_loading_bar-fail,
      .dx_captcha_loading_bar-load-fail {
        height: 38px;
      }
      .dx_captcha_loading_bar-fail img,
      .dx_captcha_loading_bar-load-fail img {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 6px;
      }
      .dx_captcha_loading_content {
        position: relative;
        width: 100%;
        height: 160px;
      }
      .dx_captcha_loading_pic {
        width: 100%;
        height: 150px;
        overflow: hidden;
        border-radius: 4px;
        position: relative;
      }
      .dx_captcha_loading_link {
        position: absolute;
        display: block;
        top: 8px;
        right: 8px;
        z-index: 20;
      }
      .dx_captcha_loading_link img {
        height: 31px;
        overflow: hidden;
        border: 0;
      }
      .dx_captcha_loading_loading {
        background: #ccc;
        text-align: center;
        height: 160px;
        line-height: 160px;
        color: #fff;
      }
      .dx_captcha_loading_bg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 150px;
        overflow: hidden;
        border-radius: 4px;
      }
      .dx_captcha_loading_init-inform img,
      .dx_captcha_loading_refresh img {
        position: absolute;
        height: 22px;
        margin: 10px 0 0 20px;
      }
      .dx_captcha_loading_init-inform {
        position: absolute;
        display: none;
        top: 107px;
        left: 0;
        width: 100%;
        line-height: 22px;
        font-size: 18px;
        color: #fff;
        z-index: 12;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
      }
      .dx_captcha_loading_init-inform img {
        left: 0;
      }
      .dx_captcha_loading_init-inform span {
        position: absolute;
        left: 50px;
      }
      .dx_captcha_loading_refresh {
        position: absolute;
        display: none;
        top: 107px;
        left: 0;
        width: 100%;
      }
      .dx_captcha_loading_refresh img.dx_captcha_loading_img_btn_refresh {
        right: 10px;
        cursor: pointer;
      }
      .dx_captcha_loading_tr-btn-close {
        display: none;
      }
      .dx_captcha_loading_overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        background: #000;
        filter: alpha(opacity=0);
        opacity: 0;
      }
      .dx_captcha_loading_fail-too-much .dx_captcha_loading_bar-fail {
        color: #fe3646;
      }
      .dx_captcha_loading_fail-too-much .dx_captcha_loading_bar-fail a {
        margin-left: 5px;
      }
      .dx_captcha_loading-style-embed .dx_captcha_loading_state-box {
        height: 198px;
        text-align: center;
        line-height: 24px;
      }
      .dx_captcha_loading-style-embed
        .dx_captcha_loading_state-box
        .dx_captcha_loading_state-img-box {
        display: block;
        margin: 72px auto 0;
      }
      .dx_captcha_loading-style-embed .dx_captcha_loading_state-box span {
        display: block;
        padding-top: 6px;
      }
      .dx_captcha_loading-style-inline .dx_captcha_loading_box {
        position: relative;
      }
      .dx_captcha_loading-style-inline .dx_captcha_loading_content {
        display: none;
        position: absolute;
        top: -160px;
      }
      .dx_captcha_loading-style-inline.dx_captcha_loading_inline_down
        .dx_captcha_loading_content {
        top: 40px;
        padding-top: 10px;
        height: 150px;
      }
      .dx_captcha_loading-style-inline .dx_captcha_loading_loadfail-inform {
        margin: 0 0 0 20px;
      }
      .dx_captcha_loading-style-popup {
        display: none;
        position: fixed;
        z-index: 1000;
        top: 50%;
        left: 50%;
        background: #fff;
        border-radius: 4px;
        padding: 20px;
        width: 300px;
        margin-left: -170px;
        margin-top: -120px;
      }
      .dx_captcha_loading-style-popup .dx_captcha_loading_state-box {
        height: 198px;
        text-align: center;
        line-height: 24px;
      }
      .dx_captcha_loading-style-popup
        .dx_captcha_loading_state-box
        .dx_captcha_loading_state-img-box {
        display: block;
        margin: 72px auto 0;
      }
      .dx_captcha_loading-style-popup .dx_captcha_loading_state-box span {
        display: block;
        padding-top: 6px;
      }
      .dx_captcha_clickword-style-popup .dx_captcha_loading_state-box,
      .dx_captcha_scratch-style-popup .dx_captcha_loading_state-box {
        margin-top: 25px;
      }
      .dx_captcha_loading_smart_checking
        .dx_captcha_loading_state-img-box:before {
        content: "";
        display: block;
        position: absolute;
        margin: 12px 0 0 12px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        animation: dx-captcha-init-loading 3s infinite;
        -moz-animation: dx-captcha-init-loading 3s infinite;
        -webkit-animation: dx-captcha-init-loading 3s infinite;
        -o-animation: dx-captcha-init-loading 3s infinite;
      }
    </style>
  </head>
  <body>
    <!--注册-->
    <div class="login-common-wrap">
      <div class="login-logo-wrap">
        <div class="text-center">
          <a href="javascript:;"
            ><img
              style="display: inline-block"
              src="./static/login-logo.png"
              class="img-responsive"
          /></a>
        </div>
        <span class="slogan-text">国内领先的移动应用服务平台</span>
      </div>
      <div class="login-common">
        <form
          action="./user/register?refer=https%3A%2F%2Fwww.dibaqu.com%2Fprice"
          method="post"
        >
          <input type="password" style="position: absolute; top: -999px" />
          <div class="form-group">
            <label class="iconfont icon-user" for="a"></label>
            <input
              type="text"
              class="form-control input-lg"
              id="nickname"
              placeholder="请输入您的用户名(中文、英文、数字皆可)"
            />
            <span class="help-block">请输入正确的用户名</span>
          </div>
          <div class="form-group">
            <label class="iconfont icon-tel" for="b"></label>
            <input
              class="form-control input-lg"
              id="phone"
              placeholder="请输入手机号"
              type="text"
            />
            <span class="help-block">请输入正确的手机号</span>
          </div>
          <div class="form-group">
            <label class="iconfont icon-email"></label>
            <div class="clearfix verification-code">
              <input
                id="code"
                type="text"
                class="form-control input-lg fl"
                placeholder="请输入短信验证码"
              />
              <button
                id="sendcode"
                type="button"
                class="ms-btn ms-btn-primary input-lg fr"
              >
                获取验证码
              </button>
            </div>
            <span class="help-block">请输入正确的验证码</span>
          </div>
          <div class="form-group">
            <label class="iconfont icon-pwd" for="c"></label>
            <input
              class="form-control input-lg"
              id="password"
              placeholder="请输入密码，密码长度不能少于6位"
              type="password"
            />
            <span class="help-block">密码不正确</span>
          </div>

          <div class="checkbox">
            <input type="checkbox" checked="" /><span
              >我已阅读并同意<a
                href="./about/agreement"
                target="_blank"
                class="color-hover"
                >《服务协议》</a
              >及<a
                href="./about/privacy"
                target="_blank"
                class="color-hover"
                >《隐私政策》</a
              ></span
            >
          </div>
          <button
            type="button"
            id="submitButton"
            class="ms-btn ms-btn-primary input-lg mt20"
          >
            注册
          </button>
          <div class="mt15 text-center">
            已有账号，
            <a
              href="./login.html"
              class="color-hover"
              >点击登录</a
            >
          </div>
        </form>
      </div>

      <div class="login-common-tip">
        <p>
          注意：
          大众云依法全力打击和防范互联网电信诈骗犯罪，严禁上传金融贷款、金融吸储、及涉嫌网络电信诈骗等类型App，同时请确保您的
          App 符合《<a href="./about/specification"
            >大众云应用审核规则</a
          >》，违反该规范的 App 将被删除，上传严重违法类App将被禁封账号
        </p>
      </div>

      <div class="login-common-footer">
        <div class="container">
          <div class="login-common-footer-cont text-center clearfix">
            <span
              >福建喜佳宝网络科技有限公司 www.dibaqu.com 版权所有
              <a href="https://beian.miit.gov.cn/" target="_blank"
                >闽ICP备18002436号-2</a
              ></span
            >
            <a
              target="_blank"
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35010202000885"
              style="
                text-decoration: none;
                height: 20px;
                line-height: 20px;
                margin-left: 10px;
              "
            >
              <img src="./static/jh.png" />
              <span
                style="height: 20px; line-height: 20px; margin: 0px 0px 0px 5px"
                >闽公网安备 35010202000885号</span
              >
            </a>
          </div>
        </div>
      </div>
    </div>
    <div id="c1"></div>
    <!--/注册-->
    <script
      src="./static/index.js"
      crossorigin="anonymous"
    ></script>
    <script>
      var proxy_info = [];
      $(function () {
        var countdown = 60;
        function settime() {
          if (countdown == 0) {
            $("#sendcode").attr("disabled", false);
            $("#sendcode").html("获取验证码");
            countdown = 60;
            return;
          } else {
            $("#sendcode").attr("disabled", true);
            $("#sendcode").html("重新发送(" + countdown + ")");
            countdown--;
          }
          setTimeout(function () {
            settime();
          }, 1000);
        }

        $("#sendcode").click(function () {
          var myCaptcha = _dx.Captcha(document.getElementById("c1"), {
            appId: "b4f113b21c08e851abc79b753d5c4a0c", //appId,开通服务后可在控制台中“服务管理”模块获取
            style: "popup",
            success: function (token) {
              myCaptcha.hide();
              var phone = $("#phone").val();
              $.post(
                "/user/genCode",
                { phone: phone, token: token },
                function (data) {
                  if (data.code != 200) {
                    alert(data.msg);
                  } else {
                    settime();
                  }
                },
                "json"
              );
            },
          });
          myCaptcha.show();
        });

        $("#submitButton").click(function () {
          var nickname = $("#nickname").val();
          var phone = $("#phone").val();
          var code = $("#code").val();
          var password = $("#password").val();
          var repassword = $("#repassword").val();
          var proxy_id = 0;
          var refer = "./price";
          debugger;
          $.post(
            "/user/registerByPhone",
            {
              nickname: nickname,
              phone: phone,
              code: code,
              password: password,
              repassword: repassword,
              proxy_id: proxy_id,
            },
            function (data) {
              if (data.code != 200) {
                alert(data.msg);
              } else {
                top.location.href = refer ? refer : "/";
              }
            },
            "json"
          );
        });
      });
    </script>
    <!--底部-->
    <!--底部-->

    <!--右侧悬浮-->
    <ul class="fixed-right right-float-window" style="">
      <li>
        <a href="javascript:;" target="_blank">
          <span class="iconfont icon-qq chatQQ"></span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <span class="iconfont icon-weixin1"></span>
          <div class="wechat">
            <img src="./static/weixin.png" alt="" />
          </div>
        </a>
      </li>
      <li class="go-top">
        <a href="javascript:;"><span class="iconfont icon-go-top"></span></a>
      </li>
    </ul>
    <!--右侧悬浮-->

    <!--弹窗-->

    <div
      class="modal fade ms-modal"
      id="myModalPay"
      tabindex="-1"
      role="dialog"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title">购买</h4>
          </div>
          <div class="modal-body">
            <div class="font18 color-333">是否完成了购买？</div>
            <p class="mt15">
              请在新打开的页面中完成购买，购买完成后，请根据购买结果点击下面的按钮
            </p>
          </div>
          <div class="modal-footer">
            <input type="hidden" name="order_sn" value="" />
            <button type="button" class="ms-btn ms-btn-primary complete-pay">
              支付成功
            </button>
            <button
              type="button"
              class="ms-btn ms-btn-default fail-pay"
              data-dismiss="modal"
            >
              支付遇到问题
            </button>
          </div>
        </div>
      </div>
    </div>

    <div
      class="modal fade ms-modal"
      id="paySuccessModal"
      tabindex="-1"
      role="dialog"
    >
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="text-center">
              <div><span class="icon icon-modal-success1"></span></div>
              <p class="color-333 bold font16 mt5">购买成功</p>
              <p class="color-333 mt5"></p>
              <div class="mt15">
                <a
                  type="button"
                  class="ms-btn ms-btn-default w90"
                  href="./user/register?refer=https%3A%2F%2Fwww.dibaqu.com%2Fprice#"
                  >确定（3）</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div
      class="modal fade ms-modal auto-hide-modal"
      id="submitLoading"
      tabindex="-1"
      role="dialog"
    >
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="text-center">
              <div class="auto-hide">
                <span class="icon icon-modal-success3"></span>
                <div class="mt5">已提交，请稍后...</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--/弹窗-->

    <script src="./static/clipboard.js"></script>
    <script src="./static/common.min.js"></script>
    <script>
      if (!isHideFooter) {
        $(".right-float-window").show();
      }

      $(function () {
        $("body").on("click", ".fail-pay", function () {
          $(".pay-money a:last").removeClass("disabled");
          $(".pay-money a:last").addClass("toPay");
        });
        $("body").on("click", ".complete-pay", function () {
          $(".toPay").removeClass("disabled");
          order_sn = $("#myModalPay").find('input[name="order_sn"]').val();
          if (!order_sn) {
            $("#myModalPay").modal("hide");
            return;
          }

          $.post("/order/check-pay", { order_sn: order_sn }, function (result) {
            if (result.code != 200) {
              $("#myModalPay").modal("hide");
            } else {
              if (
                result.data.service_type == 3 ||
                result.data.service_type == 4
              ) {
                window.location.href = "/publish";
              } else if (result.data.service_type == 2) {
                window.location.href =
                  "/sign/upload?step=4&sign_id=" + result.data.goods_id;
              } else if (result.data.service_type == 1) {
                window.location.href =
                  "/pack?step=5&id=" + result.data.goods_id;
              } else if (result.data.service_type == 5) {
                window.location.href = "/user/order";
              }
            }
          });
        });

        var windowWidth = $(window).width();

        var source_login = 0;
        if (windowWidth <= 750 && source_login) {
          Modal.templateModal({
            imgName: "modal-bg-3.jpg",
            title1: "提示",
            title2: "",
            p:
              '建议您：<br>尽快<span class="color-danger">电脑</span>登录大众云网站，即可享受<br><span class="iconfont icon-xingxing" style="color: #fec323; font-size: 12px; margin-right: 5px;"></span>免费试用封装打包APP<br><span class="iconfont icon-xingxing" style="color: #fec323; font-size: 12px; margin-right: 5px;"></span>每天免费赠送<span class="color-danger">1000</span>次分发下载次数',
            align: "left", // 居左 left, 居中 center, 居右 right
            btnText: "知道了",
            btnClass: "modal-btn2",
          });
        }

        var num = 3;
        var linkTime = null;
        clearInterval(linkTime);

        function linkfun() {
          if ($("#paySuccessModal").is(":visible")) {
            $("#paySuccessModal a").text("确定（" + num + ")");
            num--;
            if (num <= 0) {
              var href = $("#paySuccessModal a").attr("href");
              window.location.href = href;
            }
          }
        }

        linkTime = setInterval(linkfun, 1000);

        $.post("/user/messages/dialog", function (data) {
          if (data.code == 200 && data.data) {
            console.log(data.data.message);
            Modal.generalModal({
              backdrop: false, // 点击阴影是否关闭弹窗， // true 开启； false 关闭
              iconClass: "", // success: icon-modal-success1,  error: icon-modal-error2
              title: data.data.subject, // 弹窗标题
              p: data.data.message, // 弹窗内容
              align: "left", // 弹窗内容排列顺序 left center right
              cancelBtnText: "关闭", // 取消按钮文字
              successBtnText: "知道了", // 确定按钮文字
              successBtnModal: true, // 点击确定按钮是否关闭弹窗 true 关闭 false 不关闭
              cancelBtnModal: true, // 点击取消按钮是否关闭弹窗 true 关闭 false 不关闭
              style: "width:528px",
              successCallback: function () {},
              cancelCallback: function () {},
            });
          }
        });
      });
    </script>

    <script>
      function alert(
        msg,
        callback,
        cancelCallback,
        align,
        successBtn,
        cancelBtn
      ) {
        if (!align) align = "center";
        if (!successBtn) successBtn = "确定";
        Modal.generalModal({
          backdrop: true, // 点击阴影是否关闭弹窗， // true 开启； false 关闭
          iconClass: "", // success: icon-modal-success1,  error: icon-modal-error2
          title: "", // 弹窗标题
          p: msg, // 弹窗内容
          align: align, // 弹窗内容排列顺序 left center right
          cancelBtnText: cancelBtn, // 取消按钮文字
          successBtnText: successBtn, // 确定按钮文字
          successBtnModal: true, // 点击确定按钮是否关闭弹窗 true 关闭 false 不关闭
          cancelBtnModal: true, // 点击取消按钮是否关闭弹窗 true 关闭 false 不关闭
          successCallback: callback,
          cancelCallback: cancelCallback,
        });
      }
    </script>
  </body>
</html>
